.main{position: fixed;width: 100%;height: 100%;overflow: hidden; z-index: 2;top: 0px;left: 0px;}
/* page default css*/
.main-header{width: 100%;height: 55px;position: relative;background-color: #fff;line-height: 55px;}
.main-header a{width: 50px;height: 100%;display: inline-block;line-height: 55px;background-color: #fff;text-align: center;}
.main-header a:hover{background-color:#dfdfdf;}
.main-header .title{display: inline-block;width: calc(100% - 50px*3);text-align: center;background-color: #fff;font-size: 18px;text-align: center;}

.main-con{width: 100%;height: calc(100% - 54px);margin-top:1px;overflow-y: scroll;background-color: #fff;}
/* page disk css */
.menu_disk .menu-disk-con{height: 100%;width: 16%;position: relative;background-color: #000;
    margin-left: -16%;}
.menu_disk .menu-disk-con .header{width: 100%;
    height: 200px;
    border-bottom: 2px solid hsla(0,0%,50%,.4);
    background-color: #000;}
.menu_disk .menu-disk-con .con{width: 100%;height: calc(100% - 150px);background-color:#000;overflow-y: scroll;}
.menu_disk .menu-disk-other{height: 100%;width: 84%;position: relative;}

/* page left css*/
.main .fl_m{position: relative;height: 100%;}

/* page right css*/
.main .fr_m{position: relative;height: 100%;width: calc(70% - 2px);}
.main .fr_m .main-header .title{text-align: left;text-indent: 20px;width: calc(100% - 50px*5);}

.scrollbar_1::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #d4d2d2;}  
.scrollbar_1::-webkit-scrollbar-track{border-radius: 5px;background-color: #fff;}
.scrollbar_1::-webkit-scrollbar{width: 8px;background-color: #fff;}
.scrollbar_2::-webkit-scrollbar-thumb {border-radius: 5px;background-color: hsla(0,0%,50%,.4);}  
.scrollbar_2::-webkit-scrollbar-track{border-radius: 8px;background-color: #000;}
.scrollbar_2::-webkit-scrollbar{width: 8px;background-color: #000;}